<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图片API示例</title>
</head>
<body>
    <h1>后端图片API示例</h1>
    <p>以下图片通过后端API加载：</p>
    <img src="/api/images/u11.svg" alt="示例图片1" style="max-width: 200px;">
    <img src="/api/images/u27.svg" alt="示例图片2" style="max-width: 200px;">

    <h2>如何修改现有前端文件</h2>
    <p>由于原始文件是只读的，您需要手动修改以下内容：</p>
    <ul>
        <li>将 <code>images/网站首页/u11.svg</code> 修改为 <code>/api/images/u11.svg</code></li>
        <li>将 <code>images/网站首页/u27.svg</code> 修改为 <code>/api/images/u27.svg</code></li>
    </ul>

    <p>修改完成后，前端页面将通过后端API加载图片，实现前后端的关联。</p>
</body>
</html>